<!DOCTYPE html>
<html>
	<head> 
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<input name="usename" id="" value="" placeholder="请输入名字""/>
		<!-- 边框  style="border: none; outline: none;-->
		<input type="password" name="" placeholder="请输入密码" />
		<input type="number" placeholder="请输入金额" />
		<input type="date" placeholder="请选择日期" />
		<input type="radio" name="sex"/>男
		<input type="radio" name="sex"/>女
		
		<input type="checkbox" name="hobby"/>跑步
		<input type="checkbox" name="hobby"/>羽毛球
		
		<input type="checkbox" name="like" value="fish"/>鱼
		<input type="checkbox" name="like"/>虾
		
		<input type="file" /><!-- 上传文件 -->
		<textarea rows="10" ></textarea><!-- 大文本框 -->
		
		<select><!-- 下拉选项框 -->
			<option>软件技术</option>
			<option>计算机</option>
		</select>
		
		
		<input type="button" name="" id="btn" value="按钮" /><!--按钮-->
	</body>
	
	<script type="text/javascript">
		window.onload=function(){
			document.getElementById('btn').onclick=function(){
				let objsex = document.getElementsByName('sex')
				  for(var i=0;i<objsex.length;i++){
					  if(objsex[i].checked===true){ 
					  	console.dir(objsex[i].value)
				  }
				    
			}	
			}
			// document.getElementsByName('usename')[0].value
		}
	</script>
</html>
